
<html xmlns="http://www.w3c.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui">
	
	<h:head>
		<title> Distribuidora Frutos del Campo </title>
		<link rel="stylesheet" type="text/css" media="screen" href="css/hojaDeEstilos.css" />
		<meta charset="utf-8" />		
	</h:head>
	<h:body>
		<div id = 'contenido'>   
			<header>              
				<hgroup>          
					<h1>Distribuidora Frutos del Campo</h1>
				</hgroup>
				
				<hgroup>         
					<h2>Iniciar Sesion</h2>
				</hgroup>
				
				<hr />
				<br />
			</header>
			
			<section> 
			<div id='textoPrincipalEnmarcado'>
					
				<h:form id = "form">
					
					<h:panelGrid id="panel" columns="3" cellpadding="4">
				
						<h:outputLabel for="codigo" value="Codigo: " />
						<p:inputText value="#{indexBean.codigo}" id="codigo" required="true" label="Codigo " />
						<p:message for="codigo" />
			  
						<h:outputLabel for="contrasenia" value="Contrasena: " />
						<h:inputSecret value="#{indexBean.contrasenia}" id="contrasenia" required="true" label="Contrasenia " />
						<p:message for="contrasenia" />  
						
		    		</h:panelGrid>  
		
					<p:commandButton id="loginButton" value="Iniciar" action="#{indexBean.login}" update="panel" icon="ui-icon-person"/> 
				</h:form>
		
			</div>
			</section> 
		</div>
		
		<footer>        
			<p>Sistema para la planificacion de recursos y toma de decisiones empresariales</p>
		</footer>
	</h:body>
</html>